<div id="editor1" contenteditable="true">
	<h2>Inline text:</h2>

	<p><strong><u><span style="color: #f00;" class="important">Apollo 11</span></u></strong> <s>was the</s> <span style="color: #f00;" class="important">spaceflight</span> that landed the first humans, Americans <a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, on the Moon on July 20, 1969, at 20:18 UTC. <span style="background-color: #f00;" bogus-attr="2">Armstrong</span> became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.</p>

	<h2>Lists:</h2>

	<ol start="3">
		<li><span style="color: #f00;"><s><u>Element 1</u></s></span></li>
		<li>Element 2</li>
		<li style="background: #ff0;">Element 3</li>
	</ol>

	<p>Simple paragraph</p>

	<ul>
		<li><span style="color: #f00;"><s><u>Element 1</u></s></span></li>
		<li>Element 2</li>
		<li style="background: #ff0;">Element 3</li>
	</ul>

	<p>Simple paragraph</p>

	<h2>Tables:</h2>

	<table border="1">
		<tr>
			<td style="background-color: #f00;"><strong><u>Cell 1</u></strong></td>
			<td style="text-decoration: underline;">Cell 2</td>
			<td>Cell 3</td>
		</tr>
	</table>

	<table border="3">
		<caption>Table caption</caption>
		<thead style="font-family: monospace;">
			<tr style="background-color: #ff0;">
				<th>Heading 1</th>
				<th style="color: #f00;">He<b>adi</b>ng 2</th>
				<th>Heading 3</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td style="background-color: #f00;"><strong><u>Cell 1</u></strong></td>
				<td style="text-decoration: underline;">Cell 2</td>
				<td>Cell 3</td>
			</tr>
			<tr>
				<td style="background-color: #f00;"><strong><u>Cell 1</u></strong></td>
				<td style="text-decoration: underline;">Cell 2</td>
				<td>Cell 3</td>
			</tr>
		</tbody>
	</table>
</div>

<div id="editor2" contenteditable="true">
	<h2>Inline text:</h2>

	<p><strong><u><span style="color: #f00;" class="important">Apollo 11</span></u></strong> <s>was the</s> <span style="color: #f00;" class="important">spaceflight</span> that landed the first humans, Americans <a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, on the Moon on July 20, 1969, at 20:18 UTC. <span style="background-color: #f00;" bogus-attr="2">Armstrong</span> became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.</p>

	<h2>Lists:</h2>

	<ol start="3">
		<li><span style="color: #f00;"><s><u>Element 1</u></s></span></li>
		<li>Element 2</li>
		<li style="background: #ff0;">Element 3</li>
	</ol>

	<p>Simple paragraph</p>

	<ul>
		<li><span style="color: #f00;"><s><u>Element 1</u></s></span></li>
		<li>Element 2</li>
		<li style="background: #ff0;">Element 3</li>
	</ul>

	<p>Simple paragraph</p>

	<h2>Tables:</h2>

	<table border="1">
		<tr>
			<td style="background-color: #f00;"><strong><u>Cell 1</u></strong></td>
			<td style="text-decoration: underline;">Cell 2</td>
			<td>Cell 3</td>
		</tr>
	</table>

	<table border="3">
		<caption>Table caption</caption>
		<thead style="font-family: monospace;">
			<tr style="background-color: #ff0;">
				<th>Heading 1</th>
				<th style="color: #f00;">He<b>adi</b>ng 2</th>
				<th>Heading 3</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td style="background-color: #f00;"><strong><u>Cell 1</u></strong></td>
				<td style="text-decoration: underline;">Cell 2</td>
				<td>Cell 3</td>
			</tr>
			<tr>
				<td style="background-color: #f00;"><strong><u>Cell 1</u></strong></td>
				<td style="text-decoration: underline;">Cell 2</td>
				<td>Cell 3</td>
			</tr>
		</tbody>
	</table>
</div>

<script>
	CKEDITOR.replace( 'editor1', {
		allowedContent: true,
		height: 550,
		extraPlugins: 'sourcearea'
	} );
	CKEDITOR.inline( 'editor2', {
		allowedContent: true,
		extraPlugins: 'dialog,sourcedialog'
	} );
</script>
